<!DOCTYPE html>
<html>
<head lang="en">
    <include file="Public/head" />
    <script src="__PUBLIC__/Home/static/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="__PUBLIC__/Home/static/js/jquery.qqFace.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/jquery.mCustomScrollbar.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/videoCommon.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/searchVideo.css"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/static/css/range.css"/>
    <script>
        var publicUrl="__PUBLIC__/Home/static/";
        var appToken = "{$userInfo.token}";
        var login_url = "{$login_url}";
        var user = {$userInfo|json_encode};
        if (user != null && !user.avatar) {
            user.avatar = publicUrl + 'images/avatar-mr.png';
        }
        $(function(){
            $('.js-search').click(function(){
                location.href = $(this).attr('link');
            });
        });
    </script>
</head>
<body>
    <!-- 头部 -->
    <include file="Public/header" />
    <!-- /头部 -->
    <div class="subnav">
        <div class="subnav-content">
            <div class="input">
                <input type="text" placeholder="输入关键字查询" value="{$searchTitle}"/>
                <i class="cha"></i>
            </div>
            <button class="btn btn3">搜索</button>
            <div class="btn-group">
                <button class="btn btn1 js-search" link="{:U('Search/video')}">找视频</button>
                <button class="btn btn2 js-search" link="{:U('Search/person')}">找人</button>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-content">
            <div class="sidebar">
                <div class="top-shadow"></div>
                <div class="all-say">
                    <div class="all-title">
                        <div class="title-content">相关用户</div>
                        <span></span>
                    </div>
                </div>
                <div class="all-search">
                    <div class="all-title">
                        <div class="title-content">大家都在搜</div>
                        <span></span>
                    </div>
                    <div class="search-list">
                        <ul>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content-right">
                <div class="content-right-list">
                </div>
            </div>
        </div>
    </div>
    <div class="video">
        <div class="cancel" title="关闭视频窗口"></div>
        <div class="box">
            <div class="video-box">
                <div class="v-box">
                    <!--<video width="100%" poster="" id="player1">-->
                        <!--Your browser does not support HTML5 video.-->
                        <!--<source src="temp_media/video.mp4">-->
                    <!--</video>-->
                    <div class="video-hide" style="cursor: pointer;z-index: 9;">
                        <div class="hide-title"></div>
                        <div class="hide-content"></div>
                    </div>
                </div>
                <div class="control-box">
                    <div class="video-controls">
                        <div class="btn-pp"></div>
                        <div class="progressTime">
                            <span class="current">00:00</span>
                            <span>/</span>
                            <span class="duration"></span>
                        </div>
                        <div class="volume-num">50</div>
                        <div class="volumeBar">
                            <input type="range" class="range">
                            <div class="volume"></div>
                        </div>
                        <div class="muted"></div>
                    </div>
                </div>
                <div class="person-info">
                    <div class="person-avatar">
                        <a href="">
                            <img src="" alt=""/>
                        </a>
                    </div>
                    <div class="person-infos">
                        <div class="person-info1">
                            <a href="">
                                <div class="person-name"></div>
                            </a>
                            <i class="">
                            </i>
                            <div class="person-level">LV.</div>
                        </div>
                        <div class="person-info2">
                            <span>粉丝</span>
                            <span class="fans"></span>
                            <span>关注</span>
                            <span class="follows"></span>
                            <span>游戏</span>
                            <span class="game"></span>
                        </div>
                    </div>
                    <div class="person-do">
                        <div class="do-item do-item2" onclick="shoucang();">
                            <i class="do-shou"></i>
                            <div class="do-span">收藏</div>
                        </div>
                        <div class="do-item share" style="z-index: 10;">
                            <i class="do-share"></i>
                            <div class="do-span">分享</div>
                            <div class="bdsharebuttonbox" data-tag="share_1">
                                <a class="bds_sqq" data-cmd="sqq"></a>
                                <a class="bds_qzone" data-cmd="qzone" href="#"></a>
                                <a class="bds_tsina" data-cmd="tsina"></a>
                                <a class="bds_weixin" data-cmd="weixin"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="comment-box">
                <div class="comment-main" id="comment-main">
                    <div class="comment-title">
                        <span>评论</span>
                        <span class="common-num"></span>
                    </div>
                    <div class="comment-content" id="comment-content">
                    </div>
                </div>
                <div class="comment">
                    <div class="com_form">
                        <div class="txt-box">
                            <textarea class="input1" id="saytext" name="saytext"></textarea>
                        </div>
                        <div class="qqface-box">
                            <input type="button" class="sub_btn" value="发表" id="sub_btn">
                            <i class="emotion"></i>
                            <!-- <i class="aite" onclick="aite('');"></i> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <include file="common/footer" />
</body>
<script src="__PUBLIC__/Home/static/js/videoCommon.js"></script>
<script src="__PUBLIC__/Home/static/js/searchVideo.js"></script>
<script type="text/javascript">
    if ($(".input>input").val().length > 0) {
        souVideo();
    }
    $('.header-content>.search').remove();
</script>
</html>